<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<style type="text/css">
			
			.father{
				width: 800px;
				height: 500px;
				background-color: red;
				/* 
				 用于设置某个盒子中文字和图片是否居中
				 */
				text-align: center;
			
				
			}
			.son{
				width: 100px;
				height: 100px;
				background-color: blue;
				margin: 0 auto;
			}
		</style>
	</head>
	<body>
		
		
		<!-- 
		 1.text-align:center 和margin:0 auto 区别
		 
		 text-align:center   用于设置某个盒子中文字和图片是否居中
		 margin:0 auto  让盒子自己水平居中
		 
		
		 -->
		 
		 
		 <div class="father">
			 我是文字 
			 <br>
			 <img src="../基础/百度/images/response.png" alt="">
			 <div class="son"></div>
		 </div>
		 
		 
		 
		 
	</body>
</html>